<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={dede:global.cfg_soft_lang/}" />
<title>{dede:field.title/}{dede:field.seotitle/}_{dede:global.cfg_webname/}</title>
<meta name="keywords" content="{dede:field name='keywords'/}" />
<meta name="description" content="{dede:field name='description' function='html2text(@me)'/}" />
<link href="{dede:global.cfg_templets_skin/}/style/product.css" rel="stylesheet" media="screen" type="text/css" />
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmspath/}/images/js/j.js" ></script>
<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmspath/}/images/js/product.js" ></script>
</head>
<body class="articlelist">
{dede:include filename="head.htm"/}
<!-- /header -->
<div class="floatclear"></div>
<div id="body-content" style="padding-top:10px;">
 <div id="product_main">
  	{dede:include filename="float_list.htm"/}
	<div class="slider" id="slider">
	<div class="sliderbtn">
    {dede:webad type='product_main_ad' row=20}
    <b>&nbsp;</b>
    {/dede:webad}
    </div>
    {dede:webad type='product_main_ad' row=20}
	<a id="webs[field:index/]" target="_blank" href="[field:link/]" style="z-index: 1; display: none; "><img alt="[field:title/]" src="[field:img_url/]"></a>
	{/dede:webad}
	</div>
    <script language="javascript">
	$('.sliderbtn b').eq(0).addClass('on');
	$('#slider a').eq(0).css({"z-index": 10, "display":'block'});
	</script>
    {dede:webad type='product_main_banner'}
	<div class="box-shadow"></div>
	<div class="big-box"><a target="_blank" href="[field:link/]"><img alt="[field:title/]" class="ad" width="970" src="[field:img_url/]"></a></div>
	<div class="box-shadow"></div>
    {/dede:webad}
	<!--新品-->
	<div class="big-box">
	<div class="tit" id="allbrandhdtit">
	<h2><a title="新品上线" target="_blank" href="/new.html"><img src="/templets/default/images/new_ptitle.gif" border="0" alt="新品上线" /></a></h2>
    <b class="childnav">{dede:arclist noflag titlelen=50 row=3 orderby="id" limit="6,3"}<a title="[field:fulltitle/]" target="_blank" href="[field:arcurl/]">[field:title/]</a>{/dede:arclist}</b><a class="more" title="更多新品" target="_blank" href="/new.html">更多新品</a></div>
	<div class="pllist">
	{dede:webad type='product_new_ad'}
	<a target="_blank" href="[field:link/]"><img alt="[field:title/]" src="[field:img_url/]"></a>
    {/dede:webad}	
	</div>
	<div class="prlist">
	<ul>
     {dede:arclist titlelen=50 row=6 orderby="id" noflag}
		<li><a href="[field:arcurl/]" title="[field:fulltitle/]" target="_blank"><img src="[field:litpic/]" alt="[field:fulltitle/]" border="0" width="200" height="132"/></a><p><a href="[field:arcurl/]" title="[field:fulltitle/]" target="_blank">[field:title/]</a></p></li>
	  {/dede:arclist}
	</ul>
	</div>
	</div>
	<div class="box-shadow"></div>
	<!--end 新品-->
	<!--品牌-->
	<div class="big-box allbrand" id="allbrand">
	<div class="tit" id="allbrandhdtit">
	<h2><a title="美甲品牌" target="_blank" href="/brand.html"><img src="/templets/default/images/brand_ptitle.gif" border="0" alt="美甲品牌" /></a></h2><a class="more" title="所有品牌" target="_blank" href="/brand.html">所有品牌</a></div>
	<div class="brand">
    {dede:brandindex row=14}{/dede:brandindex}
    </div>
	
	</div>
	<div class="box-shadow"></div>
	<!--end 品牌-->
	<!--精品-->
	<div class="big-box">
	<div class="tit" id="allbrandhdtit">
	<h2><a title="精品推荐" target="_blank" href="/best.html"><img src="/templets/default/images/hot_ptitle.gif" border="0" alt="精品推荐" /></a></h2>
    <b class="childnav">{dede:arclist flag="c" titlelen=50 row=3 orderby="id" limit="6,3"}<a title="[field:fulltitle/]" target="_blank" href="[field:arcurl/]">[field:title/]</a>{/dede:arclist}</b>
    <a class="more" title="更多新品" target="_blank" href="/best.html">更多精品</a></div>
	<div class="pllist">
	{dede:webad type='product_hot_ad'}
	<a target="_blank" href="[field:link/]"><img alt="[field:title/]" src="[field:img_url/]"></a>
    {/dede:webad}
	</div>
	<div class="prlist" id="prlist2">
	<ul>
		{dede:arclist flag="c" titlelen=50 row=6 orderby="id"}
		<li><a href="[field:arcurl/]" title="[field:fulltitle/]" target="_blank"><img src="[field:litpic/]" alt="[field:fulltitle/]" border="0" width="200" height="132"/></a><p><a href="[field:arcurl/]" title="[field:fulltitle/]" target="_blank">[field:title/]</a></p></li>
	  {/dede:arclist}
	</ul>
	</div>
	</div>
	<div class="box-shadow"></div>
	<!--end 精品-->
  </div>
</div>
<script language="javascript">
$('.prlist li').eq(2).css({'margin-right':'0px'});
$('.prlist li').eq(5).css({'margin-right':'0px'});
$('#prlist2 li').eq(2).css({'margin-right':'0px'});
$('#prlist2 li').eq(5).css({'margin-right':'0px'});
</script>
<div class="floatclear"></div>
</div>
{dede:include filename="footer.htm"/}
<!-- /footer -->
<script type="text/javascript">
	//轮播器	
	var Slide = function(o){
		this.dom = {img:'#slider a',btn:'#slider b',cls:'on',e:'mouseenter',t:6000};
		this.timeout;
		this.index = 0;
		$.extend(this.dom,o);
		this.init();
		this.automatic();
	}
	Slide.prototype = {
		constructor:Slide,
		init:function(){
			var _self = this,_nowshow = $(_self.dom.img+':first');
			_nowshow.s = true;
			_nowshow.css('z-index',11);
			$(_self.dom.btn).bind(_self.dom.e,function(){
				if($(this).hasClass(_self.dom.cls)){return false;}
				$(this).siblings().removeClass(_self.dom.cls);
				var i = $(this).addClass(_self.dom.cls).index();
				_self.index = i;
				var _showImg = $(_self.dom.img).eq(_self.index);
				_self.imgShow(_showImg);
				_nowshow.css('z-index',11);
				_showImg.css('z-index',10).show();
				_nowshow.fadeOut(300,function(){
					$(this).css('z-index',1);
				});
				_nowshow = _showImg;
			});
			$(_self.dom.img).parent().hover(function(){clearTimeout(_self.timeout)},function(){_self.automatic()});

			setTimeout(function(){
				$(_self.dom.img).each(function(){
					_self.imgShow($(this));
				});
			},12000);
		},
		imgShow:function(showImg){
				showImg.find('img').attr('load') && showImg.find('img').attr('src',showImg.find('img').attr('load')).removeAttr('load');
            showImg.find('img').removeAttr('style');
		},
		automatic:function(){
			var _self = this;
			if(_self.index >= $(_self.dom.btn).length - 1){_self.index = -1;}
			clearTimeout(_self.timeout);
			_self.timeout = setTimeout(function(){
				$(_self.dom.btn).eq(_self.index + 1).trigger('mouseenter');
				_self.automatic();
			},_self.dom.t);
		}
	}
	
	new Slide();
	//品牌翻转
var allBrandAnimate = function(t,d){
	if(t.find('.brand b').length != 0){return false;}
	t.find('.brand a').each(function(){$(this).append('<b>' + $(this).find('img').attr('alt') + '</b>')});
	t.find('.brand a').hover(function(){
	
		$(this).find('img').stop().animate({
			'height':0,
			'top':'35px'
		},d,function(){
			$(this).hide().next().show();
			$(this).next().animate({
				'height':'95px',
				'top':'0'
			},d);
		});
	},function(){
		$(this).find('b').animate({
			'height':0,
			'top':'35px'
		},d,function(){
			$(this).hide().prev().show().animate({
				'height':'95px',
				'top':'0'
			},d);
		});
	});
}
allBrandAnimate($('#allbrand'),80);
	</script>
</body>
</html>
